/* ---------------------------------------------------------------------- */
/*  Theme Default
/* ---------------------------------------------------------------------- */
body {
  background-color: #ddd;
}
body.layout-boxed {
  background: url("../../images/bg.png") #050505;
}

#slidingbar {
  background: rgba(5, 5, 5, 0.9);
}

.main-container, #pageslide-left, #pageslide-right {
  background-color: #009BDB !important;
}

.label-default, .badge-default {
  background: #1abc9c !important;
}

.pace .pace-progress {
  background: #804c75;
}

.topbar {
  background: rgba(20,20,20,.7);
}
.topbar > .container .navbar-brand, .topbar .logo {
  color: white;
}
.topbar .topbar-tools > ul > li > a {
  color: white;
}
.topbar .topbar-tools > ul > li.right-menu-toggle > a{
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #804c75;
}

.topbar .nav li.dropdown.open > .dropdown-toggle, .topbar .nav li.dropdown.active > .dropdown-toggle, .topbar .nav li.dropdown.open.active > .dropdown-toggle {
  background: none;
  color: white;
}
.topbar .nav > li:hover > a, .topbar .nav > li:active > a, .topbar .nav > li > a:focus {
  color: white;
  background: none;
}

ul.main-navigation-menu > li a {
  border-bottom: none;
  border-top: none;
  color: #fff;
}
ul.main-navigation-menu > li a i {
  color: #fff;
  font-weight: normal;
  font-size: 18px;
}
ul.main-navigation-menu > li.active > a {
  background: #f1f1f1 !important;
  border-top: none !important;
  color: #333;
}
ul.main-navigation-menu > li.active > a>i {
  color: #333;
}

ul.main-navigation-menu li > ul.sub-menu > li > a:hover {
  background: #f1f1f1;
  color: #000 !important;
}
ul.main-navigation-menu li > ul.sub-menu > li > a:hover i{color: #000}


ul.main-navigation-menu li > ul.sub-menu > li.open > a, ul.main-navigation-menu li > ul.sub-menu > li.active > a, ul.main-navigation-menu li > ul.sub-menu > li.open > a:hover, ul.main-navigation-menu li > ul.sub-menu > li.active > a:hover {
  background: #f1f1f1;
  color: #000 !important;
}
ul.main-navigation-menu li > ul.sub-menu > li.open > a > .icon-arrow{color: #000}

ul.main-navigation-menu > li.open > a, ul.main-navigation-menu > li > a:hover, ul.main-navigation-menu > li:hover > a {
  background-color:#0082B7;
}

ul.main-navigation-menu li.divider {
  background-color: #121212 !important;
}

ul.main-navigation-menu li.dropdown-header, ul.main-navigation-menu .mega-menu-sub-title {
  color: #525252 !important;
}

ul.main-navigation-menu li.dropdown-header, ul.main-navigation-menu .mega-menu-sub-title {
  color: #525252 !important;
}

ul.main-navigation-menu .mega-menu .mega-menu-content ul.mega-sub-menu a {
  color: #dedede !important;
}
ul.main-navigation-menu .mega-menu .mega-menu-content ul.mega-sub-menu a:hover {
  background: none !important;
}

ul.main-navigation-menu .mega-menu .mega-menu-content ul.mega-sub-menu li.active a, ul.main-navigation-menu .mega-menu .mega-menu-content ul.mega-sub-menu li.active a:hover, ul.main-navigation-menu .mega-menu .mega-menu-content ul.mega-sub-menu li.active a:focus {
  background-color: black !important;
  text-decoration: none;
}

ul.main-navigation-menu .mega-menu .mega-menu-content ul.mega-sub-menu li a:hover {
  background-color: #141414 !important;
  text-decoration: none;
}

#horizontal-menu .container {
  background: #050505;
}
#horizontal-menu .navbar-collapse .navbar-nav > li > a {
  color: #787878;
}
#horizontal-menu .navbar-collapse .navbar-nav > li > a:hover {
  color: #dedede;
  background: black;
}
#horizontal-menu .navbar-collapse .navbar-nav > li > a:active, #horizontal-menu .navbar-collapse .navbar-nav > li > a:focus {
  background: black;
}
#horizontal-menu .navbar-collapse .navbar-nav > li.active > a {
  color: #dedede;
  background: #1abc9c;
}
#horizontal-menu .navbar-collapse .navbar-nav > li.active > a:after {
  border-top-color: #1abc9c;
}

.main-content {
  background:url("../../images/body-bg.png");
}

.go-top {
  color: white;
}

.footer-inner {
  color: white;
}

#pageslide-left .slide-tools {
  background-image: url("../../images/foot_logo.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #00698C;
}
#pageslide-left .btn {
  color: rgba(255, 255, 255, 0.3);
}
#pageslide-left .btn:hover {
  color: white;
  background-color: rgba(5, 5, 5, 0.4);
}
#pageslide-left .user-profile {
  border-color: #121212;
  position: relative;
}
#pageslide-left .user-profile h5 {
  color: #525252;
}
#pageslide-left .user-profile h4 {
  color: white;
}

.closedbar {
  background-color: #009BDB !important;
}
.closedbar:hover {
  background-color: #0082B7 !important;
}

#pageslide-right .pageslide-title {
  color: rgba(255, 255, 255, 0.4);
}
#pageslide-right .notifications a {
  color: #EEEEEE;
  background: black;
}
#pageslide-right .notifications a:hover {
  background: black;
}
#pageslide-right .notifications a .time {
  color: #525252;
}

#style_selector_container .box-title {
  color: rgba(255, 255, 255, 0.8) !important;
}
#style_selector_container .images {
  border-bottom: 1px solid #121212;
}
#style_selector_container .images img.active {
  border: 2px solid #ababab;
}

footer {
  background-color: #4e4e4e;
}

.box1{clear: both; width: 100%; height: 130px; border-radius: 5px; background: #009BDB; overflow: hidden}
.box2{clear: both; width: 100%; height: 130px; border-radius: 5px; background: #4e4e4e; overflow: hidden}
.box3{clear: both; width: 100%; height: 130px; border-radius: 5px; background: #159C77; overflow: hidden}
.box4{clear: both; width: 100%; height: 130px; border-radius: 5px; background: #DA434E; overflow: hidden}
.indexBoxDl{clear: both; width: 100%; height: auto; margin: 0; padding: 0;}
.indexBoxDl dt{ margin: 0; padding: 0; float: left; width: 130px; height: 130px; line-height: 130px; color: #fff; font-size: 70px; text-align: center}
.indexBoxDl dd{float: left; width: auto; padding: 26px 0;}
.indexBoxDl dd h5{clear: both; font-size: 16px; color: #fff; font-weight: normal}
.indexBoxDl dd h2{clear: both; font-size: 28px; color: #fff; font-weight: normal; margin-top: 10px}

.marTop10{margin-top: 10px}
.marBottom10{margin-bottom: 10px}
.indexTuCon{clear: both; width: 100%; height: 535px; overflow: hidden; background: #fff; margin: 10px 0; border-radius: 5px; padding: 20px}
.indexTuCon .tu{width: 100%; margin-top: 70px; position: relative;}
.indexTuCon .tu .xmgl{position: absolute; width: 12%; height: 25%; top: 20%; left: 0; display: block;}
.indexTuCon .tu .cjgl{position: absolute; width: 12%; height: 25%; top: 20%; left: 17.3%; display: block; }
.indexTuCon .tu .sbgl{position: absolute; width: 12%; height: 25%; bottom: 0%; left: 17.3%; display: block;}
.indexTuCon .tu .jsdgl{position: absolute; width: 12%; height: 25%; top: 0%; left: 35%; display: block; }
.indexTuCon .tu .tjgl{position: absolute; width: 12%; height: 25%; top: 35%; left: 35%; display: block; }
.indexTuCon .tu .sxjgl{position: absolute; width: 12%; height: 25%; bottom: 0%; left: 35%; display: block; }
.indexTuCon .tu .gw1{position: absolute; width: 12%; height: 33%; top: 30%; left: 52.4%; display: block;}
.indexTuCon .tu .gw2{position: absolute; width: 12%; height: 33%; top: 30%; left: 70%; display: block; }
.indexTuCon .tu .gw3{position: absolute; width: 12%; height: 33%; top: 30%; right: 0; display: block; }

.indexTuCon .tu img{width: 100%}
.indexHelpCon{clear: both; width: 100%; height: 535px; overflow: hidden; background: #fff; margin: 10px 0; border-radius: 5px; padding: 20px}
.wrcTitle{clear: both; width: 100%; height: 30px; line-height: 30px;}
.wrcTitle .le{float: left; font-size: 18px; color: #666}
.wrcTitle .ri{float: right;  font-size: 14px; color: #999}

.newList{clear: both; width: 100%; height: auto; margin: 0; padding: 0; list-style: none; margin-top: 10px}
.newList li{clear: both; width: 100%; height:40px; line-height:40px; overflow: hidden; padding-left: 20px; position: relative}
.newList li:before{content: "·"; font-size: 32px; color: #ccc; line-height: 40px; position: absolute; left: 0px; top: 0}
.newList li a{font-size: 16px; color: #666}
.newList li a:hover{color: #0082B7}